<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/citiesData.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.cookie.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/cookie.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/navBlock.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/index.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/index2.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="${contextPath}/csair/css/index.css" charset="UTF-8" />
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" charset="UTF-8" />
<style type="text/css">
#cfcs, #ddcs {
	width: 240px;
}

#year {
	width: 80px;
	float: left;
	margin-left: 11px;
}

#month, #day {
	width: 60px;
	float: left;
	margin-left: 10px;
}
</style>
<title>首页</title>
</head>
<body onload="javascript:zzLoad();">
	<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
	<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	

	</div>
	<div class="header">
		<div class="container">
			<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
		</div>
	</div>
	请在<span id="count" style="font-weight: bold;color: red;"> 300 </span>秒内进行操作
	<div class="container_full index_wrap">
		<div class="sm_container_white">
			<div class="single_trip_ticket navBlock">
				<h2 id="cx">
					<label title="国内单程购票查询">国内单程购票查询</label>
				</h2>
				<div class="single_trip_ticket_form">
					<div class="search_div">
						<label class="select_label" title="大于等于12岁成人票数">成人(≥ 12岁)</label> <select title="大于等于12岁成人票数 " id="adult" onchange="adultChange()">
							<option>1张</option>
							<option>2张</option>
							<option>3张</option>
							<option>4张</option>
							<option>5张</option>
							<option>6张</option>
							<option>7张</option>
							<option>8张</option>
							<option>9张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="select_label" title="2岁至11岁儿童票数">儿童(2-11岁)</label> <select title="2岁至11岁儿童票数" id="child" onchange="childChange()">
							<option>0张</option>
							<option>1张</option>
							<option>2张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="select_label" title="小于2岁婴儿票数">婴儿( < 2岁)</label> <select title="小于2岁婴儿票数" id="infant" onchange="infantChange()">
							<option>0张</option>
							<option>1张</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label">出发城市</label> <select id="cfcs" title="出发城市">
							<option selected="selected">支持首字母简拼</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label" for="ddcs">到达城市</label> <select id="ddcs" title="到达城市">
							<option>支持首字母简拼</option>
						</select>
					</div>
					<div class="search_div">
						<label class="input_label">出发日期</label>
						<div>
							<select id="year" title="出发日期选择年份"></select> <select id="month" title="选择月份"></select> <select id="day" title="选择日期"></select>
						</div>
					</div>
					<div class="search_div_btn">
						<button type="button" id="search_div_btn" title="立即查询">立即查询</button>
					</div>
				</div>
			</div>
			<c:if test="${sessionScope.userName==null}">
				<div class="user_infos navBlock">
					<div class="user_login">
						<h2>用户登录</h2>

						<div class="user_login_infos">
							<div class="user_login_infos_inputs">

								<div class="">
									<input autocomplete="off" type="text" name="username" id="username" value="" title="手机/邮箱/会员号/证件号" placeholder="手机号/邮箱/会员号/证件号" />
								</div>
								<div class="">
									<input autocomplete="off" name="password" id="password" type="password" title="请输入密码" placeholder="密码" />
								</div>

							</div>
							<div class="user_login_infos_btn">
								<button type="button" title="点击按钮登录" onclick="login()" title="登录">登&nbsp;&nbsp;录</button>
							</div>
							<div class="clearboth"></div>
						</div>
						<div class="user_login_helps">
							<div class="user_register">
								<a href="register" title="新用户注册">新用户注册</a>
							</div>
							<div class="user_login_find_pwd">
								<a href="phone" title="忘记密码">忘记密码</a>
							</div>
							<div class="clearboth"></div>
						</div>
					</div>
					<div class="mobile_members">
						<div class="mobile_orders">
							<a href="phone" target="_blank" title="手机号查询订单"> <img alt="手机号查询订单" src="${contextPath}/csair/img/mobile_orders_title.png" />
							</a>
						</div>
					</div>
				</div>
			</c:if>
			<c:if test="${sessionScope.userName!=null && sessionScope.userType==1}">
				<div class="user_infos navBlock">
					<div class="mingzhu_logined">
						<h2>用户登录</h2>
						<div class="logined_info">
							<h3 id="userinfo">您好，${sessionScope.userName} 欢迎登录</h3>
							<button type="button" class="quite_btn" onclick="quit()">退&nbsp;出</button>
						</div>
						<div id="" class="logined_links">
							<div class="">
								<a href="preChangePassword" id="changepassword" title="修改密码">修改密码</a>|<a href="preCsairBaseInfo" id="basicinformation" title="基本信息">基本信息</a> | <a href="preCsairContactInfo"
									id="connectioninformation" title="联系信息">联系信息</a>
							</div>
							<div class="">
								<a href="preCsairOnlineIdentityAuthentication" id="zxsfyz" title="在线身份验证">在线身份认证</a> | <a href="javascript:pob();" id="srrgl" title="受让人管理">受让人管理</a> | <a href="queryOrder" title="订单查询">订单查询</a>
							</div>
						</div>
					</div>
				</div>
			</c:if>
			<c:if test="${sessionScope.userName!=null && sessionScope.userType!=1}">

				<div class="user_infos navBlock">
					<div class="mingzhu_logined">
						<h2>用户登录</h2>
						<div class="logined_info">
							<h3 id="userinfo">您好，${sessionScope.userName} 欢迎登录</h3>
							<button type="button" class="quite_btn" onclick="quit()">退&nbsp;出</button>
						</div>
						<div id="" class="logined_links">
							<div class="">
								<a href="queryOrder" title="订单查询">订单查询</a>
							</div>
						</div>
					</div>
				</div>

			</c:if>
			<div class="clearboth"></div>
		</div>
		<div class="sm_container_white">
			<div class="index_tips navBlock">
				<h3>出行提示</h3>
				<a class="tip1" href="specialpassenger" title="特殊旅客出行提示点击查看">特殊旅客出行提示</a> <a class="tip2" href="mobilitydisorders" title="行动障碍旅客出行提示点击查看">行动障碍旅客</a> <a class="tip3" href="visionhearingimpairment"
					title="视力或听力障碍旅客出行提示点击查看">视力或听力障碍旅客</a>
				<div class="clearboth"></div>
			</div>
		</div>
	</div>
	<%@include file="assigneealert.jsp"%>
	<select id="cfcs1" title="出发城市" style="display: none;">
		<option selected="selected">支持首字母简拼</option>
		<optgroup label="A"></optgroup>
		<optgroup label="B"></optgroup>
		<optgroup label="C"></optgroup>
		<optgroup label="D"></optgroup>
		<optgroup label="E"></optgroup>
		<optgroup label="F"></optgroup>
		<optgroup label="G"></optgroup>
		<optgroup label="H"></optgroup>
		<optgroup label="I"></optgroup>
		<optgroup label="J"></optgroup>
		<optgroup label="K"></optgroup>
		<optgroup label="L"></optgroup>
		<optgroup label="M"></optgroup>
		<optgroup label="N"></optgroup>
		<optgroup label="O"></optgroup>
		<optgroup label="P"></optgroup>
		<optgroup label="Q"></optgroup>
		<optgroup label="R"></optgroup>
		<optgroup label="S"></optgroup>
		<optgroup label="T"></optgroup>
		<optgroup label="U"></optgroup>
		<optgroup label="V"></optgroup>
		<optgroup label="W"></optgroup>
		<optgroup label="X"></optgroup>
		<optgroup label="Y"></optgroup>
		<optgroup label="Z"></optgroup>
	</select>
	<%@include file="footer2.jsp"%>
	<%@include file="footer.jsp"%>
</body>
</html>
